/*
* Requires: jquery, wait-for-element, smooth-scrollbar, smooth-scrollbar-overscroll
*/

// JSON data
const menu__Toggle = {
  'eng': {
    'open': 'Menu',
    'close': 'Close',
    'back': 'back',
  },
  'gre': {
    'open': 'Menu',
    'close': 'Κλείσιμο',
    'back': 'Πίσω',
  }
}

const menu__Items = {
  tmimata: {
    title: {
      eng: 'Departments',
      gre: 'Τμήματα'
    },
    'pathologiko': {
      title: {
        eng: 'Pathology',
        gre: 'Παθολογικό'
      },
      descr: {
        eng: 'Model unit for primary care services',
        gre: 'Πρότυπη μονάδα παροχής υπηρεσιών πρωτοβάθμιας περίθαλψης'
      },
      departments: {
        'gastrenterologiko': {
          title: {
            eng: 'Gastrointestinal – Endoscopic',
            gre: 'Γαστρεντερολογικό – Ενδοσκοπικό'
          },
          url: '/department/gastrenterologiko-endoskopiko/',
          isAlwaysOpen: false,
          isNew: false
        },
        'kardiologiko': {
          title: {
            eng: 'Cardiac',
            gre: 'Καρδιολογικό'
          },
          url: '/department/kardiologiko-tmima/',
          isAlwaysOpen: false,
          isNew: false
        },
        'neurologiko': {
          title: {
            eng: 'Neurological',
            gre: 'Νευρολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'nefrologiko': {
          title: {
            eng: 'Nephrological',
            gre: 'Νεφρολογικό'
          },
          url: '/department/monada-technitoy-nefroy-nefrologiko-tmima/',
          isAlwaysOpen: false,
          isNew: false
        },
        'ogkologiko': {
          title: {
            eng: 'Oncological – Chemotherapy',
            gre: 'Ογκολογικό – Χημειοθεραπείας'
          },
          url: '/department/ogkologiko-chimeiotherapeytiko-tmima/',
          isAlwaysOpen: false,
          isNew: false
        },
        'pathologiko': {
          title: {
            eng: 'Pathological',
            gre: 'Παθολογικό'
          },
          url: '/department/pathologiko-tmima/',
          isAlwaysOpen: false,
          isNew: false
        },
        'pneumonologiko': {
          title: {
            eng: 'Pulmonary',
            gre: 'Πνευμονολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
      }
    },
    'xeirourgiko': {
      title: {
        eng: 'Operational',
        gre: 'Χειρουργικό'
      },
      descr: {
        eng: 'Surgical, phacoemulsification and Laser urology applications',
        gre: 'Χειρουργικό, φακοθρυψίας και Laser εφαρμογών ουρολογίας'
      },
      departments: {
        'bariatrikis': {
          title: {
            eng: 'Bariatric Department',
            gre: 'Βαριατρικής & Χειρουργικής Νοσογόνου Παχυσαρκίας'
          },
          url: '/department/bariatrikis',
          isAlwaysOpen: false,
          isNew: false
        },
        'genikis-xeirourgikis': {
          title: {
            eng: 'General Operational',
            gre: 'Γενικής Χειρουργικής'
          },
          url: '/department/genikis-xeirourgikis',
          isAlwaysOpen: false,
          isNew: false
        },
        'gunaikologiko': {
          title: {
            eng: 'Gynaecology',
            gre: 'Γυναικολογικό'
          },
          url: '/department/gynaikologiko-tmima/',
          isAlwaysOpen: false,
          isNew: false
        },
        'laparoskopikis': {
          title: {
            eng: 'Laparoscopic Surgery',
            gre: 'Λαπαροσκοπικής Χειρουργικής'
          },
          url: '/department/tmima-laparoskopikis-cheiroyrgikis/',
          isAlwaysOpen: false,
          isNew: false
        },
        'ourologiko': {
          title: {
            eng: 'Urology',
            gre: 'Ουρολογικό'
          },
          url: '/department/oyrologiko-tmima/',
          isAlwaysOpen: false,
          isNew: false
        },
        'orthopediko': {
          title: {
            eng: 'Orthopaedic- Arthroscopy',
            gre: 'Ορθοπεδικό – Αρθροσκοπήσεων'
          },
          url: '/department/orthopaidiko-tmima-tmima-arthroskopiseon/',
          isAlwaysOpen: false,
          isNew: false
        },
        'ofthalmologiko': {
          title: {
            eng: 'Ophthalmology – Phacoemulsification',
            gre: 'Οφθαλμολογικό – Φακοθρυψίας'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'laser-ourologia': {
          title: {
            eng: 'Applications in Laser Urology',
            gre: 'Laser Εφαρμογών Ουρολογίας'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'laser-xeirourgiki': {
          title: {
            eng: 'Laser Surgical Applications',
            gre: 'Laser Εφαρμογών Χειρουργικής'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
      }
    },
    'eidikes-monades': {
      title: {
        eng: 'Special departments',
        gre: 'Ειδικές μονάδες'
      },
      descr: {
        eng: 'Specialised primary care service units',
        gre: 'Ειδικές μονάδες παροχής υπηρεσιών πρωτοβάθμιας περίθαλψης'
      },
      departments: {
        'meth': {
          title: {
            eng: 'INTENSIVE CARE UNIT (ICU)',
            gre: 'ΜΟΝΑΔΑ ΕΝΤΑΤΙΚΗΣ ΘΕΡΑΠΕΙΑΣ (Μ.Ε.Θ.)'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'pathologikis-ogkologias': {
          title: {
            eng: 'MEDICAL ONCOLOGY UNIT',
            gre: 'ΜΟΝΑΔΑ ΠΑΘΟΛΟΓΙΚΗΣ ΟΓΚΟΛΟΓΙΑΣ'
          },
          url: '/department/ogkologiko-chimeiotherapeytiko-tmima/',
          isAlwaysOpen: false,
          isNew: false
        },
        'texnitou-nefrou': {
          title: {
            eng: 'ΗEMODIALYSIS UNIT',
            gre: 'ΜΟΝΑΔΑ ΤΕΧΝΗΤΟΥ ΝΕΦΡΟΥ'
          },
          url: '/department/monada-technitoy-nefroy-nefrologiko-tmima/',
          isAlwaysOpen: false,
          isNew: false
        },
      }
    },
    'diagnostika-ergastiria': {
      title: {
        eng: 'Diagnsostic Laboratories',
        gre: 'Διαγνωστικά εργαστήρια'
      },
      descr: {
        eng: 'Specialised units for the provision of primary health care services',
        gre: 'Ειδικές μονάδες παροχής πρωτοβάθμιων υπηρεσιών υγείας'
      },
      departments: {
        'meth': {
          title: {
            eng: 'Radiology',
            gre: 'Ακτινοδιαγνωστικό'
          },
          url: '',
          isAlwaysOpen: true,
          isNew: false
        },
        'aksonikos': {
          title: {
            eng: 'Computed Tomography (low-dose radiation)',
            gre: 'Αξονικός Τομογράφος (ελαχιστοποιημένης δόσης ακτινοβολίας)'
          },
          url: '/department/axonikos-tomografos/',
          isAlwaysOpen: true,
          isNew: false
        },
        'dokimasia-koposis': {
          title: {
            eng: 'Fatigue test',
            gre: 'Δοκιμασία Κόπωσης'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'optiki tomografia': {
          title: {
            eng: 'OCT - Optical Tomography',
            gre: 'OCT - Οπτική Τομογραφία'
          },
          url: '/department/optiki-tomografia/',
          isAlwaysOpen: false,
          isNew: false
        },
        'ergastirio-uperhxon': {
          title: {
            eng: 'Body Ultrasound Scans',
            gre: 'Εργαστήριο Υπερήχων Σώματος'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'ergastirio-kardiologikis': {
          title: {
            eng: 'Cardiovascular Ultrasound',
            gre: 'Εργαστήριο Καρδιολογικής Υπερηχογραφίας'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'ergastirio-mikroviologiko': {
          title: {
            eng: 'Microbiological-Biopathological',
            gre: 'Μικροβιολογικό-Βιοπαθολογικό'
          },
          url: '/department/mikroviologiko-ergastirio',
          isAlwaysOpen: false,
          isNew: true
        },
        'ergastirio-moriakis': {
          title: {
            eng: 'Laboratory of Molecular Biology',
            gre: 'Εργαστήριο Μοριακής Βιολογίας'
          },
          url: '/department/ergastirio-moriakis-viologias/',
          isAlwaysOpen: false,
          isNew: true
        },
        'ergastirio-paraskevis': {
          title: {
            eng: 'Chemotherapy drug manufacturing laboratory with fume hoods',
            gre: 'Εργαστήριο παρασκευής φαρμάκου χημειοθεραπείας με επαγωγό εστία'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'kentro-mastou': {
          title: {
            eng: 'Breast center',
            gre: 'Κέντρο Μαστού'
          },
          url: '/department/kentro-mastoy-anassa/',
          isAlwaysOpen: false,
          isNew: false
        },
        'magnitikos-tomografos': {
          title: {
            eng: 'MRI scanner (1,5 Tesla)',
            gre: 'Μαγνητικός Τομογράφος (1,5 Tesla)'
          },
          url: '/department/magnitikos-tomografos/',
          isAlwaysOpen: false,
          isNew: false
        },
        'metrisi-ostikis': {
          title: {
            eng: 'Bone density measurement – Lipometry',
            gre: 'Μέτρηση οστικής πυκνότητας – Λιπομέτρηση'
          },
          url: '/department/systima-metrisis-ostikis-pyknotitas/',
          isAlwaysOpen: false,
          isNew: false
        },
        'mikroviologiko': {
          title: {
            eng: 'Microbiology – Biochemistry – Hematology – Immunology – Hermonology',
            gre: 'Μικροβιολογικό – Βιοχημικό- Αιματολογικό – Ανοσολογικό – Ορμονολογικό'
          },
          url: '',
          isAlwaysOpen: true,
          isNew: false
        },
        'moriaki-viologia': {
          title: {
            eng: 'Molecular Biology',
            gre: 'Μοριακής Βιολογίας'
          },
          url: '/department/ergastirio-moriakis-viologias/',
          isAlwaysOpen: false,
          isNew: false
        },
        'pelmatografos': {
          title: {
            eng: 'Pelmatography',
            gre: 'Πελματογράφος'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'meleti-upnou': {
          title: {
            eng: 'Polysomnography',
            gre: 'Πολυκαταγραφική Μελέτη Ύπνου'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'spirometrisi': {
          title: {
            eng: 'Spirometry',
            gre: 'Σπιρομέτρηση'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'tmima-uperhxon': {
          title: {
            eng: 'Department of Ultrasound',
            gre: 'Τμήμα Υπερήχων'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'flouoroaggeiografia': {
          title: {
            eng: 'Fluorescein angiography',
            gre: 'Φλουοροαγγειογραφία'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'mastografos': {
          title: {
            eng: 'Digital Mammogram (low-dose radiation)',
            gre: 'Ψηφιακός Μαστογράφος (ελαχιστοποιημένης δόσης ακτινοβολίας)'
          },
          url: '/department/psifiakos-mastografos-2/',
          isAlwaysOpen: false,
          isNew: false
        },
        'holter': {
          title: {
            eng: 'Holter',
            gre: 'Holter'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'yag-laser': {
          title: {
            eng: 'Yag Laser',
            gre: 'Yag Laser'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'panoramiki': {
          title: {
            eng: '3D Panoramic (Cone Beam Computed Tomography – CBCT) – Cephalometry',
            gre: '3D Πανοραμική (CBCT) – Κεφαλομετρική'
          },
          url: '/department/3d-panoramikis-cbct-kefalometrikis/',
          isAlwaysOpen: false,
          isNew: false
        },
      }
    },
    'endoskopiseon': {
      title: {
        eng: 'Endoscopy',
        gre: 'Ενδοσκοπήσεων'
      },
      descr: {
        eng: 'Specialised units for the provision of primary health care services',
        gre: 'Ειδικές μονάδες παροχής πρωτοβάθμιων υπηρεσιών υγείας'
      },
      departments: {
        'vrogxoskopisi': {
          title: {
            eng: 'Bronchoscopy',
            gre: 'Βρογχοσκοπήσεις'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'gastroskopisi': {
          title: {
            eng: 'Gastroscopy',
            gre: 'Γαστροσκοπήσεις'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'kolonoskopiseis': {
          title: {
            eng: 'Colonoscopy',
            gre: 'Κολονοσκοπήσεις'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
      }
    },
    'iatreia-ekswterikwn': {
      title: {
        eng: 'Internal Medicine Sector',
        gre: 'Ιατρεία εξωτερικών ασθενών'
      },
      descr: {
        eng: 'Specialised units for the provision of primary health care services',
        gre: 'Ειδικές μονάδες παροχής πρωτοβάθμιων υπηρεσιών υγείας'
      },
      departments: {
        'aimatologiko': {
          title: {
            eng: 'Hematologic',
            gre: 'Αιματολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'gastrenterologiko': {
          title: {
            eng: 'Gastroenterology',
            gre: 'Γαστρεντερολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'diavitologiko': {
          title: {
            eng: 'Diabetes center',
            gre: 'Διαβητολογικό ιατρείο'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'kardiologiko': {
          title: {
            eng: 'Cardiology',
            gre: 'Καρδιολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'nevrologiko': {
          title: {
            eng: 'Neurology',
            gre: 'Νευρολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'nefrologiko': {
          title: {
            eng: 'Nephrology',
            gre: 'Νεφρολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'ogkologiko': {
          title: {
            eng: 'Oncology',
            gre: 'Ογκολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'pathologiko': {
          title: {
            eng: 'Internal Medicine',
            gre: 'Παθολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'pnevmologiko': {
          title: {
            eng: 'Pulmonology',
            gre: 'Πνευμονολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'diakoph-kapnismatos': {
          title: {
            eng: 'Quit Smoking',
            gre: 'Διακοπής καπνίσματος'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'ypatologiko': {
          title: {
            eng: 'Hepatology Clinic',
            gre: 'Ηπατολογικό Ιατρείο'
          },
          url: '/department/ypatologiko-iatreio',
          isAlwaysOpen: false,
          isNew: true
        },
        'athlitikon-kakoseon': {
          title: {
            eng: 'Sports injuries',
            gre: 'Αθλητικών κακώσεων'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'xronios-ponos': {
          title: {
            eng: 'Chronic pain management',
            gre: 'Αντιμετώπιση χρόνιου πόνου'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'gunaikologiko': {
          title: {
            eng: 'Gynecology',
            gre: 'Γυναικολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'diavitiko-podiou': {
          title: {
            eng: 'Diabetic Foot & Ulcers',
            gre: 'Διαβητικού ποδιού & Ελκών'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'ourologiko': {
          title: {
            eng: 'Urology',
            gre: 'Ουρολογικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'orthopediko': {
          title: {
            eng: 'Orthopedics',
            gre: 'Ορθοπεδικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'xeirourgiko': {
          title: {
            eng: 'General Surgery',
            gre: 'Χειρουργικό'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'tep': {
          title: {
            eng: 'Accident & Emergency Department (AED)',
            gre: 'Τμήμα Επειγόντων Περιστατικών (Τ.Ε.Π.)'
          },
          url: '',
          isAlwaysOpen: false,
          isNew: false
        },
        'katoikon': {
          title: {
            eng: 'Home Medical Services',
            gre: 'Κατ΄ οίκον Νοσηλεία'
          },
          url: '/department/anassa-frontida-sto-spiti/',
          isAlwaysOpen: false,
          isNew: false
        },
        'asthenofora': {
          title: {
            eng: 'Ambulances',
            gre: 'Ασθενοφόρα'
          },
          url: '/department/anassa-asthenofora/',
          isAlwaysOpen: false,
          isNew: false
        },
      }
    },
  },
  plirofories: {
    title: {
      eng: 'Information',
      gre: 'Πληροφορίες'
    },
    'h-kliniki': {
      title: {
        eng: 'The clinic',
        gre: 'Η κλινική'
      },
      descr: {
        eng: 'Information about the clinic for patients and visitors',
        gre: 'Πληροφορίες για την κλινική που αφορούν τους ασθενής και τους επισκέπτες'
      },
    },
    'sxetika': {
      title: {
        eng: 'About',
        gre: 'Σχετικά'
      },
      descr: {
        eng: 'Information about the collaborations of Anassa',
        gre: 'Πληροφορίες για τις συνεργασίες της Άνασσα'
      },
    },
    'arthra': {
      title: {
        eng: 'Articles',
        gre: 'Άρθρα'
      },
      descr: {
        eng: 'See news about activities, events and medical articles',
        gre: 'Δείτε νέα για δράσεις, εκδηλώσεις και ιατρικά άρθρα'
      },
      has_Tag: true,
      tag_Content: {
        eng: 'New',
        gre: 'Νέο'
      }
    },
    'covid': {
      title: {
        eng: 'Covid19',
        gre: 'Covid19'
      },
      descr: {
        eng: 'Find out about the operating hours of rapid tests',
        gre: 'Μάθετε για το ωράριο λειτουργίας διενεργειών rapid test'
      },
      is_Outbound: true,
      url: {
        eng: '/en/covid-tests-schedule',
        gre: '/covid-tests-schedule'
      },
    },
    'thesis-ergasias': {
      title: {
        eng: 'Careers',
        gre: 'Θέσεις εργασίας'
      },
      descr: {
        eng: 'See the current open jobs',
        gre: 'Δείτε τις τρέχουσες ανοιχτές θέσεις εργασίας'
      },
      is_Outbound: true,
      url: {
        eng: '/en/careers',
        gre: '/careers'
      },
    },
    'epikoinonia': {
      title: {
        eng: 'Contact us',
        gre: 'Επικοινωνία'
      },
      descr: {
        eng: 'See the information to get in touch with the clinic',
        gre: 'Δείτε τις πληροφορίες για να έρθετε σε επαφή με την κλινική'
      },
    },
  },
  media: {
    title: {
      eng: 'Media',
      gre: 'Media'
    },
    'fotografies': {
      title: {
        eng: 'Photo gallery',
        gre: 'Φωτογραφίες'
      },
      descr: {
        eng: 'See photos of the clinics departments',
        gre: 'Δείτε φωτογραφίες των τμημάτων της κλινικής'
      },
    },
    'tileoptikes-ekpompes': {
      title: {
        eng: 'TV Appearances',
        gre: 'Τηλεοπτικές εκπομπές'
      },
      descr: {
        eng: 'TV shows with doctors, scientific collaborators of ANASSA, on a variety of medical topics',
        gre: 'Τηλεοπτικές εκπομπές με γιατρούς, επιστημονικούς συνεργάτες της ΆΝΑΣΣΑ, με ποικίλα ιατρικά θέματα'
      },
      is_Outbound: true,
      url: {
        eng: '/en/broadcasts',
        gre: '/broadcasts'
      },
    },
    'video': {
      title: {
        eng: 'Videos',
        gre: 'Videos'
      },
      descr: {
        eng: 'See videos of the clinic',
        gre: 'Δείτε videos της κλινικής '
      },
      is_Outbound: true,
      url: {
        eng: '/en/media-videos',
        gre: '/media-videos'
      },
    },
    'podcasts': {
      title: {
        eng: 'Radio & Podcasts',
        gre: 'Ράδιο & Podcasts'
      },
      descr: {
        eng: 'Radio broadcasts with doctors and health professionals in general, on health-related issues',
        gre: 'Ραδιοφωνικές εκπομπές με γιατρούς και γενικότερα επαγγελματίες υγείας, με θέματα που αφορούν την υγεία'
      },
      is_Outbound: true,
      url: {
        eng: '/en/category/radio-broadcasts/',
        gre: '/category/radio-broadcasts/'
      },
    },
  }
}

const storeScrollbars = {
  sidebar: {},
  main: {},
}

jQuery(document).ready( ($) => {

  parse__footerContent = (lang = 'gre') => {
    let r = ``;
    return lang == 'gre' && (r = `<div class="copyrights-text-wrapper"><p class="copyrights--text-left p-sm">© 2019-<i>${ new Date().getFullYear() }</i> Anassageneral.gr</p><p class="copyrights--text-right p-sm">Produced by <a class="frenzy">frenzy</a></p></div>`), lang == 'eng' && (r = `<div class="copyrights-text-wrapper"><p class="copyrights--text-left p-sm">© 2019-<i>2022</i> Anassageneral.gr</p><p class="copyrights--text-right p-sm">Produced by <a class="frenzy" >frenzy</a></p></div>`), r
  }

  parse__innerTabs = (lang = 'gre') => {

    let r = ``;
    let text = (string_GRE, string_ENG) => { return (lang == 'gre') ? string_GRE : string_ENG }

    // All HTML content for 'Tmimata' tabs
    Object.entries(menu__Items.tmimata).forEach( entry => {
      let [key, tmima] = entry;

      if (key!='title') {
        r +=`<div data-tab-content="${key}" class="tabInner--container main-text main-cta"><div class="vc_column-inner">`
        Object.entries(tmima.departments).forEach( e => {
          let [k, t] = e;
          r += `
            <div class="wpb_column vc_column_container vc_col-sm-4">
              <a class="block--wrapper ${(t.url == '') && (`is--notURL`)}" ${(t.url !== '') ? `href="${lang != 'gre' ? '/en' : '' }${t.url}"` : ``}>
                <div class="title-holder">
                  ${(t.isAlwaysOpen) ? `<span class="tag--isAlwaysOpen header-content--enableTooltip" data-tippy-content=${text('"Το τμήμα λειτουργεί 24 ώρες το 24ωρο"','"This department is open 24/7"')}>24/7</span>` : ''}
                  ${(t.url !== '') ? '<span class="outbound-arrow"></span>' : '<span class="outbound-arrow disabled"></span>'}
                  <h4>${ text(t.title.gre,t.title.eng) }
                  ${(t.isNew) ? `<span class="tag--isNew">${ text('Νέο!','New!') }</span>` : ''}
                  </h4>
                </div>
                ${(t.url !== '') ? `<p><small>${ text('Δείτε το τμήμα','Learn more') }</small></p>` : '<p><small> </small></p>'}
              </a>
            </div>
          `;
        });
        r +=`

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg block-accent" href="${ text('/departments','/en/departments') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h2>${ text('Όλα τα τμήματα','All departments') }</h2>
            </div>
            <p><small>${ text('Περισσότερα','Learn more') }</small></p>
          </a>
        </div>

        </div>

        </div>`
      }
    });

    // All HTML content for 'Plirofories' tabs
    r +=`
    <!-- ----------------------------------------------------------------------------------------------------------------- -->
    <!-- TAB -- H KLINIKH -->
    <!-- ----------------------------------------------------------------------------------------------------------------- -->
    <div data-tab-content="${Object.keys(menu__Items.plirofories)[1]}" class="tabInner--container main-text main-cta">
      <div class="vc_column-inner">

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg" href="${ text('/about','/en/about') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Σχετικά με την κλινική','About the clinic') }</h4>
            </div>
            <p class="p-sm">${ text('Στην ΆΝΑΣΣΑ παρέχεται ένας πλήρης καρδιολογικός αθλητικός έλεγχος από επιστήμονες.','Lorem ipsum dolore') }</p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg" href="${ text('/polyiatreia-anassa','/en/polyiatreia-anassa') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Πολυιατρεία ΆΝΑΣΣΑ','ANASSA POLYCLINICS') }</h4>
            </div>
            <p class="p-sm">${ text('Σε ολοκαίνουργιους και σύγχρονους χώρους, ιδιαίτερα φιλικούς στον επισκέπτη, με εύκολη πρόσβαση','Located in brand new and modern premises, particularly visitor-friendly, with easy access') }</p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-mini" href="${ text('/patient','/en/patient') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Για τον ασθενή','Patient instructions') }</h4>
            </div>
          </a>
          <a class="block--wrapper block-mini" href="${ text('/episkeptis','/en/episkeptis') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Για τον επισκέπτη','Visitor instructions') }</h4>
            </div>
          </a>
        </div>

      </div>

      <div class="vc_column-inner">
        <div class="wpb_column vc_column_container vc_col-sm-12">
          <span class="seperator"></span>
        </div>
      </div>

      <div class="vc_column-inner">

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <div class="links-holder main-text">
            <label class="l-sm">${ text('Περισσότερα','More') }</label>
            <a href="${text('/patient/#nosileia','/en/patient/#nosileia')}"><h4>${ text('Νοσηλεία','Hospitalization') }</h4></a>
            <a href="${text('/patient/#dikaiomata','/en/patient/#dikaiomata')}"><h4>${ text('Δικαιώματα ασθενών','Patient rights') }</h4></a>
            <a href="${text('/patient/#upoxraioseis','/en/patient/#upoxraioseis')}"><h4>${ text('Υποχρεώσεις νοσηλευόμενου','Patient obligations') }</h4></a>
            <a href="${text('/patient/#eksitirio','/en/patient/#eksitirio')}"><h4>${ text('Διαδικασία εξιτηρίου','Discharge procedure') }</h4></a>
          </div>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <div class="links-holder main-text">
            <label class="l-sm">${ text('Νομικα','Legal') }</label>
            <a href="${text('/privacy-policy','/en/privacy-policy')}"><h4>${ text('Πολιτική απορρήτου','Privacy Policy') }</h4></a>
            <a href="${text('/terms-of-use','/en/terms-of-use')}"><h4>${ text('Όροι χρήσης','Terms of Use') }</h4></a>
          </div>
        </div>

      </div>

    </div>

    <!-- ----------------------------------------------------------------------------------------------------------------- -->
    <!-- TAB -- SXETIKA -->
    <!-- ----------------------------------------------------------------------------------------------------------------- -->

    <div data-tab-content="${Object.keys(menu__Items.plirofories)[2]}" class="tabInner--container main-text main-cta">
      <div class="vc_column-inner">

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg" href="${ text('/certifications','/en/certifications') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Πιστοποιήσεις – Βεβαιώσεις','Certifications') }</h4>
            </div>
            <p class="p-sm">${ text('Η ΆΝΑΣΣΑ συνεργάζεται με τα παρακάτω Αθλητικά Σωματεία και Συλλόγους, παρέχοντας ολοκληρωμένους αθλητικούς καρδιολογικούς ελέγχους στα μέλη τους.','Lorem ipsum dolore') }</p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg" href="${ text('/associations/','/en/associations') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Αθλητικά σωματεία','Sport associations') }</h4>
            </div>
            <p class="p-sm">${ text('Στην ΆΝΑΣΣΑ παρέχεται ένας πλήρης καρδιολογικός αθλητικός έλεγχος από εξειδικευμένους επιστήμονες.','Lorem ipsum dolore') }</p>
          </a>
        </div>

      </div>

      <div class="vc_column-inner">
      </div>

    </div>

    <!-- ----------------------------------------------------------------------------------------------------------------- -->
    <!-- TAB -- ARTHRA -->
    <!-- ----------------------------------------------------------------------------------------------------------------- -->

    <div data-tab-content="${Object.keys(menu__Items.plirofories)[3]}" class="tabInner--container main-text main-cta">
      <div class="vc_column-inner">

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg" href="${ text('/category/social-action/','/en/category/social-action/') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Κοινωνική Προσφορά & Δραστηριότητες','Social Action') }</h4>
            </div>
            <p><small>${ text('Δείτε τα άρθρα','View all the articles') }</small></p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg" href="${ text('/category/medical-articles/','/en/category/medical-articles/') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Ιατρικά Άρθρα','Medical articles') }</h4>
            </div>
            <p><small>${ text('Δείτε τα άρθρα','View all the articles') }</small></p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg" href="${ text('/category/news-events/','/en/category/news-events/') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Νέα & Εκδηλώσεις','News & Events') }</h4>
            </div>
            <p><small>${ text('Δείτε τα άρθρα','View all the articles') }</small></p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg block-accent" href="${ text('#','#') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Anassa Health','Anassa Health') }<span class="tag">${ text('Soon','Soon') }</span></h4>
            </div>
            <p><small>${ text('Σύντομα κοντά σας','Coming soon') }</small></p>
          </a>
        </div>

      </div>

      <div class="vc_column-inner latestPosts--wrapper">

      </div>
      <div class="vc_column-inner">
        <div class="text--explainer main-text">
          <span class="icon-questionmark"></span>
          <p><small>${ text('Δε βρίσκετε αυτο που ψάχνετε; Δείτε ',"Can't find what you're looking for? ") }<a class="fx-underline" href="${ text('/articles','/en/articles') }">${ text('όλα τα άρθα','Find more here') }</a></small></p>
        </div>
      </div>

    </div>

    <!-- ----------------------------------------------------------------------------------------------------------------- -->
    <!-- TAB -- EPIKOINWNIA -->
    <!-- ----------------------------------------------------------------------------------------------------------------- -->

    <div data-tab-content="${Object.keys(menu__Items.plirofories)[6]}" class="tabInner--container main-text main-cta">
      <div class="vc_column-inner">

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <div class="block--wrapper block-lg block-outline block-w-imageFade block--bg-contact1">
            <div class="title-holder">
              <h4>${ text('Γενική Κλινική','General clinic') }</h4>
            </div>
            <p class="p-md">${ text('Βερναρδάκη 13 & Ορφανοτροφείου, Βόλος','13 Bernardaki & Orphanotrofiou, Volos') }</p>
          </div>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <div class="block--wrapper block-lg block-outline block-w-imageFade block--bg-contact2">
            <div class="title-holder">
              <h4>${ text('Πολυιατρείο','Polyclinic') }</h4>
            </div>
            <p class="p-md">${ text('2ας Νοεμβρίου 80Β, Βόλος','2as Noemvriou 80B, Volos') }</p>
          </div>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-mini" href="tel:+302421316036">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Καλέστε μας','Call us') }</h4>
            </div>
          </a>
          <a class="block--wrapper block-mini" href="${ text(`/contact`, `/en/contact`) }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Επικοινωνήστε','Contact us') }</h4>
            </div>
          </a>
        </div>

      </div>

      <div class="vc_column-inner">
        <div class="text--explainer main-text">
          <span class="icon-eopyy"></span>
          <p>
            ${ text(`<small>Συμβεβλημένοι με τον Ε.Ο.Π.Υ.Υ. Υ.Ε.Θ.Α. και με ιδιωτικές ασφαλιστικές εταιρίες.</small>`,`<small>Contracted with E.O.P.Y.Y. Y.E.TH.A. and private insurance companies.</small>`) }
          </p>
        </div>
      </div>

    </div>
    `

    // All HTML content for 'Media' tabs
    r +=`
    <!-- ----------------------------------------------------------------------------------------------------------------- -->
    <!-- TAB -- PHOTOGRAFIES -->
    <!-- ----------------------------------------------------------------------------------------------------------------- -->
    <div data-tab-content="${Object.keys(menu__Items.media)[1]}" class="tabInner--container main-text main-cta">
      <div class="vc_column-inner">

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg block-outline block-w-imageFade block--bg-media1" target="_blank" href="${ text('/gallery#domatia', '/en/gallery#domatia') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Δωμάτια', 'Rooms') }</h4>
            </div>
            <p class="p-sm" style="opacity:.45">${ text('Δείτε τις φωτογραφίες', 'View gallery') }</p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg block-outline block-w-imageFade block--bg-media2" target="_blank" href="${ text('/gallery#reception', '/en/gallery#reception') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>Reception</h4>
            </div>
            <p class="p-sm" style="opacity:.45">${ text('Δείτε τις φωτογραφίες', 'View gallery') }</p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg block-outline block-w-imageFade block--bg-media3" target="_blank" href="${ text('/gallery#eksoplismos', '/en/gallery#eksoplismos') }">
            <div class="title-holder">
            <span class="outbound-arrow"></span>
              <h4>${ text('Εξοπλισμός', 'Equipment') }</h4>
            </div>
            <p class="p-sm" style="opacity:.45">${ text('Δείτε τις φωτογραφίες', 'View gallery') }</p>
          </a>
        </div>

        <div class="wpb_column vc_column_container vc_col-sm-4">
          <a class="block--wrapper block-lg block-outline block-w-imageFade block--bg-media4" target="_blank" href="${ text('/gallery#xeirourgia', '/en/gallery#xeirourgia') }">
            <div class="title-holder">
              <span class="outbound-arrow"></span>
              <h4>${ text('Χειρουργεία', 'Surgeries') }</h4>
            </div>
            <p class="p-sm" style="opacity:.45">${ text('Δείτε τις φωτογραφίες', 'View gallery') }</p>
          </a>
        </div>

      </div>

    </div>
    `

    return r;

  }

  parse__sidebarTmimataTitle = (lang) => {
    let string = {
      gre: `Τμήματα`,
      eng: `Departments`
    }
    if (lang === 'gre') {
      return string.gre
    } 
    if (lang === 'eng') {
      return string.eng
    }
  }

  parse__sidebarThesisErgasiasTitle = (lang) => {
    let string = {
      gre: `Θέσεις Εργασίας`,
      eng: `Careers`
    }
    if (lang === 'gre') {
      return string.gre
    } 
    if (lang === 'eng') {
      return string.eng
    }
  }

  parse__backButton = (lang = 'gre') => {
    return lang == 'gre' ? menu__Toggle.gre.back : menu__Toggle.eng.back
  }

  parse__sidebarPliroforiesTitle = (lang) => {
    let string = {
      gre: `Πληροφορίες`,
      eng: `Information`
    }
    if (lang === 'gre') {
      return string.gre
    } 
    if (lang === 'eng') {
      return string.eng
    }
  }

  parse__sidebarMediaTitle = () => {
    return 'Media'
  }

  parse__sidebarTmimata = (lang = 'gre') => {
    let r = ``;
    Object.entries(menu__Items.tmimata).forEach(entry => {
      let [key, val] = entry;
      key!=='title' && ( r += `<div data-show-tab="${key}" class="sidebar--entry"><div class="holder"><h4>${(lang == 'gre') ? val.title.gre : val.title.eng}</h4><p>${(lang == 'gre') ? val.descr.gre : val.descr.eng}</p></div></div>` )
    });
    return r
  }

  parse__sidebarPlirofories = (lang = 'gre') => {
    let r = ``;
    let text = (string_GRE, string_ENG) => { return (lang == 'gre') ? string_GRE : string_ENG }
    Object.entries(menu__Items.plirofories).forEach(entry => {
      let [key, val] = entry;
      let is_Outbound = val.hasOwnProperty('is_Outbound') ? ( val.is_Outbound && true ) : false
      key !== 'title' && ( r += `
        <${ is_Outbound ? 'a' : 'div' } data-show-tab="${ key }" class="sidebar--entry" ${ is_Outbound ? `href='${ text(val.url.gre, val.url.eng) }'` : '' }>
          <div class="holder"><h4>${ text(val.title.gre, val.title.eng) }${ val.hasOwnProperty('has_Tag') ? ( val.has_Tag && `<span class="tag">${ text(val.tag_Content.gre, val.tag_Content.eng) }</span>` ) : '' } ${ val.hasOwnProperty('is_Outbound') ? ( val.is_Outbound && `<span class="outbound-arrow"></span>` ) : '' }</h4>
          <p> ${ text(val.descr.gre, val.descr.eng) }</p></div>
        </${ is_Outbound ? 'a' : 'div' }>
      ` )
    });
    return r
  }

  parse__sidebarMedia = (lang = 'gre') => {
    let r = ``;
    let text = (string_GRE, string_ENG) => { return (lang == 'gre') ? string_GRE : string_ENG }
    Object.entries(menu__Items.media).forEach(entry => {
      let [key, val] = entry;
      let is_Outbound = val.hasOwnProperty('is_Outbound') ? ( val.is_Outbound && true ) : false
      key !== 'title' && ( r += `
        <${ is_Outbound ? 'a' : 'div' } data-show-tab="${ key }" class="sidebar--entry" ${ is_Outbound ? `href='${ text(val.url.gre, val.url.eng) }'` : '' }>
          <div class="holder"><h4>${ text(val.title.gre, val.title.eng) }${ val.hasOwnProperty('has_Tag') ? ( val.has_Tag && `<span class="tag">${ text(val.tag_Content.gre, val.tag_Content.eng) }</span>` ) : '' } ${ val.hasOwnProperty('is_Outbound') ? ( val.is_Outbound && `<span class="outbound-arrow"></span>` ) : '' }</h4>
          <p> ${ text(val.descr.gre, val.descr.eng) }</p></div>
        </${ is_Outbound ? 'a' : 'div' }>
      ` )
    });
    return r
  }

  get__lang = () => {
    return "el" == $('html').attr("lang") ? "gre" : "eng"
  }

  set__langswitcher = () => {
    let urlDomain = `${window.location.protocol}//${window.location.hostname}`, urlPath, langText
    let urlPathname = window.location.pathname.slice(0, 3) == '/en' ? window.location.pathname.slice(3) : window.location.pathname
    let langswitcher = jQuery(`.whb-clone a.lang-switch--trigger, header a.lang-switch--trigger, .view-state--mobile-state-1 .lang-switch--trigger`)
    get__lang() == 'gre' ? (urlPath=`${urlDomain}/en${urlPathname}`,langText='ENG') : (urlPath=`${urlDomain}${urlPathname}`,langText='GRE')
    langswitcher.attr('href', urlPath)
    langswitcher.text(langText)
  }

  get__fullscreenMenuHTML = () => {
    lang = get__lang() // data-view-state πρεπει να ειναι "none" by default
    $(`<div class="fs-anassa--menu" data-active-tab="none" data-view-state="1" data-state-title="none">
      <div class="container">
        <div class="vc_column_container view-state--mobile-state-1">
          <div class="vc_column-inner main-text">
            <div class="view-state--holder">
              <!-- -------------------------------------------- -->
              <div class="menu-nav--holder">

                <label class="l-sm">Menu</label>
                <a href="#"><h3>${parse__sidebarTmimataTitle(lang)}</h3></a>
                <a href="#"><h3>${parse__sidebarPliroforiesTitle(lang)}</h3></a>
                <a href="#"><h3>${parse__sidebarMediaTitle()}</h3></a>
                <a href="/careers"><h3>${parse__sidebarThesisErgasiasTitle(lang)}</h3></a>

              </div>
              <div class="bot-items--holder">

                <div class="bubble-items--holder">
                  <a class="bubble-holder search"><span></span></a>
                  <a class="bubble-holder phone" href="tel:+302421316036">2421 316036</a>
                  <a class="bubble-holder lang-switch--trigger" href="#">ENG</a>
                </div>

                <p class="copyrights--text-left p-sm">© 2019-<i>${ new Date().getFullYear() }</i> Anassageneral.gr<br>Produced by <a class="frenzy">frenzy</a></p>

              </div>
              <!-- -------------------------------------------- -->
            </div>
          </div>
        </div>
        <div class="vc_column_container">
          <div class="vc_column-inner main-text currentTab--title">
            <button class="btn-nav--back">${parse__backButton(lang)}</button>
            <h3>${parse__sidebarTmimataTitle(lang)}</h3>
          </div>
          <div class="vc_column-inner main-text main--content">
            <div class="wpb_column vc_column_container vc_col-sm-2">
              <div class="tmimata--wrapper">
                ${parse__sidebarTmimata(lang)}
              </div>
              <div class="plirofories--wrapper">
                ${parse__sidebarPlirofories(lang)}
              </div>
              <div class="media--wrapper">
                ${parse__sidebarMedia(lang)}
              </div>
            </div>
            <div class="wpb_column vc_column_container vc_col-sm-10">
              <div class="innerTab--wrapper">
                ${parse__innerTabs(lang)}
              </div>
            </div>
          </div>
          <div class="vc_column-inner main-text footer--content">
            ${parse__footerContent(lang)}
          </div>
        </div>
      </div>
    </div>`).insertAfter('body header:not(.entry-header)');
    tippy('.header-content--enableTooltip', { theme: 'anassa', arrow: true, placement: 'top-end' });
  }

  set__fullscreenMenu_toMobile = () => {
    $(window).width() >= 1024 ? $("body").hasClass("fs-anassa--menu-isMobile") && $("body").removeClass("fs-anassa--menu-isMobile") : $("body").hasClass("fs-anassa--menu-isMobile") || $("body").addClass("fs-anassa--menu-isMobile");
  }

  fullscreenMenu_isMobile = () => {
    if ( $(window).width() <= 1024 ) return true
    else return false
  }

  set__mobileViewState = (state) => {
    setTimeout(() => {
      $('.fs-anassa--menu').attr('data-view-state', state)
    }, 10)
  }

  set__mobileView_toggling = (f) => {
    $('body .fs-anassa--menu').addClass('mobile--isToggling')
    setTimeout(() => {
      f()
      $('body .fs-anassa--menu').removeClass('mobile--isToggling')
    }, 525)
  }

  set__mobileViewState_Back = () => {
    let s = parseInt($('.fs-anassa--menu').attr('data-view-state'))
    $('.fs-anassa--menu').attr('data-view-state', s-1)
  }

  get__activeTab = () => {
    return $('body .fs-anassa--menu').data('active-tab')
  }

  init__scrollbars = () => {
    try {
      lenis = initLenis()
      let nk = window.Scrollbar
      let ns = window.Scrollbar
      let e = { damping: .045, thumbMinSize: 20, alwaysShowTracks: !1, continuousScrolling: !0 }
      let a = { enable: !0, effect: "bounce", damping: .15, maxOverscroll: 200 }
      nk.use(OverscrollPlugin)
      ns.use(OverscrollPlugin)
      const sck = nk.init(document.querySelector(".fs-anassa--menu .main--content > .wpb_column:nth-child(1)"), {
        ...e, plugins: { overscroll: { ...a } }
      })
      const scs = ns.init(document.querySelector(".fs-anassa--menu .main--content > .wpb_column:nth-child(2)"), {
        ...e, plugins: { overscroll: { ...a } }
      })
      storeScrollbars.sidebar = sck
      storeScrollbars.main = scs
    } catch (s) { throw s }
    $(".fs--openMenu, .main-nav--trigger").click(() => {
      $(".fs-anassa--menu").hasClass("opened") ? lenis.stop() : setTimeout(() => {
        lenis.start()
      }, 475)
    })
    $(`.fs-anassa--menu .main--content > .wpb_column:nth-child(1)`).on(`click`, () => {
      storeScrollbars.sidebar.scrollTo(0, 0, 975)
    })
  }

  render__onehealthFlyout = () => {
    let data = {
      title: {
        eng: `<b>OneHealth</b> Group`,
        gre: `Όμιλος <b>OneHealth</b>`
      },
      url: {
        anassa: `https://anassageneral.gr/`,
        agclinic: `https://agclinic.gr/`,
        onehealth: `https://onehealthgroup.gr/`,
		mxa: `https://anassamxa.gr/`
      }
    }
    $(`body`).append(() => {
      return `
        <div id="onehealth-flyout" class="flyout lang--${get__lang()}" data-state="closed">

          <div class="flyout--wrapper">
            <div class="action-container">
              <div class="action-when-opened">
                <span style="mask:url(/wp-content/uploads/2022/11/icon-X.svg);-webkit-mask:url(/wp-content/uploads/2022/11/icon-X.svg);mask-size:cover;-webkit-mask-size:cover"></span>
              </div>
              <div class="action-when-closed">
                <span style="mask:url(/wp-content/uploads/2023/04/flyout-chevron.svg);-webkit-mask:url(/wp-content/uploads/2023/04/flyout-chevron.svg);mask-size:cover;-webkit-mask-size:cover"></span>
              </div>
            </div>
            <div class="text-container">
              <p>${ get__lang() == `gre` ? data.title.gre : data.title.eng }</p>
            </div>
          </div>
          
          <div class="popout--wrapper">
            <a href="${ data.url.onehealth }" target="_blank">
              <img src="/wp-content/uploads/2023/04/flyout-onehealth-logo.svg" alt="OneHealth">
            </a>
            <a href="${ data.url.anassa }" target="_blank">
              <img src="/wp-content/uploads/2023/04/flyout-anassa-logo.svg" alt="anassa">
            </a>
            <a href="${ data.url.agclinic }" target="_blank">
              <img src="/wp-content/uploads/2023/04/flyout-agc-logo.svg" alt="agc">
            </a>
            <a href="${ data.url.mxa }" target="_blank">
              <img src="/wp-content/uploads/2024/04/mxa-2.png" alt="mxa">
            </a>
          </div>

        </div>
      `
    })

    $(`#onehealth-flyout .flyout--wrapper`).click((e) => {
      let state = $(`#onehealth-flyout`).attr(`data-state`)
      state == `opened`
      ? $(`#onehealth-flyout`).attr(`data-state`, `closed`)
      : $(`#onehealth-flyout`).attr(`data-state`, `opened`)
    })
  }

  // Append fullsreen menu
  get__fullscreenMenuHTML()

  // Init language switcher links
  set__langswitcher()

  // Render OneHealth flyout
  render__onehealthFlyout()

  // Fullscreen menu for mobile handler
  set__fullscreenMenu_toMobile()
  $(window).resize( () => set__fullscreenMenu_toMobile() )

  // When cloned header is loaded..
  waitForElm('.whb-clone').then((e) => {

    // Clone rightside header elements
    $('header .whb-column.whb-col-right .items-rightside').clone().appendTo('.whb-clone .whb-column.whb-col-right')

    //Hide - Show Text when typing
    $('body .wd-search-full-screen .searchform input[type="text"]').keyup(function() {
      let txtlen = $(this).val().length
      if (txtlen > 0) {
        $('body .wd-search-full-screen .search-info-text').css('display', 'none')
      } else {
        $('body .wd-search-full-screen .search-info-text').css('display', 'block')
      }
    })

    // Search button click handler
    $('.items-rightside--wrapper a.bubble-holder.search, .view-state--mobile-state-1 .bubble-holder.search').click( (e) => {
      $(e.currentTarget).toggleClass('search--Toggled')
      $(e.currentTarget).hasClass('search--Toggled') && $('.wd-tools-element .wd-tools-icon.search-button-icon').click()
    })

    // Search close button click handler
    $('.wd-search-full-screen .wd-close-search').click( (e) => {
      $('.items-rightside--wrapper a.bubble-holder.search, .view-state--mobile-state-1 .bubble-holder.search').toggleClass('search--Toggled')
    })

    // Set data-enable-tab attributes to main-nav-triggers
    /*$(`header .items-rightside--wrapper a.main-nav--trigger`)     .data( 'enable-tab', 'none')        .attr('data-enable-tab', 'none');
    $(`.whb-clone .items-rightside--wrapper a.main-nav--trigger`) .data( 'enable-tab', 'none')        .attr('data-enable-tab', 'none');
    $(`.wd-header-nav .menu.wd-nav-main li:nth-child(1) > a`)     .data( 'enable-tab', 'tmimata')     .attr('data-enable-tab', 'tmimata')     .attr('href','').addClass('main-nav--trigger');
    $(`.wd-header-nav .menu.wd-nav-main li:nth-child(2) > a`)     .data( 'enable-tab', 'plirofories') .attr('data-enable-tab', 'plirofories') .attr('href','').addClass('main-nav--trigger');
    $(`.wd-header-nav .menu.wd-nav-main li:nth-child(3) > a`)     .data( 'enable-tab', 'media')       .attr('data-enable-tab', 'media')       .attr('href','').addClass('main-nav--trigger');

    // Set click triggers for mobile nav level 1
    $(`body .fs-anassa--menu .view-state--mobile-state-1 .menu-nav--holder a:nth-child(2)`).click( () => {
      $(`.wd-header-nav .menu.wd-nav-main li:nth-child(1) > a`).click()
    })
    $(`body .fs-anassa--menu .view-state--mobile-state-1 .menu-nav--holder a:nth-child(3)`).click( () => {
      $(`.wd-header-nav .menu.wd-nav-main li:nth-child(2) > a`).click()
    })
    $(`body .fs-anassa--menu .view-state--mobile-state-1 .menu-nav--holder a:nth-child(4)`).click( () => {
      $(`.wd-header-nav .menu.wd-nav-main li:nth-child(3) > a`).click()
    })
    $(`body .fs-anassa--menu .view-state--mobile-state-1 .menu-nav--holder a:nth-child(5)`).click( () => {
      window.location.assign(`/careers`)
    })*/

    // Set click trigger for mobile back button
    $('body .fs-anassa--menu .btn-nav--back').click( () => {
      set__mobileViewState_Back()
    })

    // Prevent default actions for menu triggers
    document.querySelectorAll('.main-nav--trigger').forEach( c => c.addEventListener("click", e => { e.preventDefault() }) );
    document.querySelectorAll('.view-state--mobile-state-1 .menu-nav--holder a').forEach( c => c.addEventListener("click", e => { e.preventDefault() }) );

    // Toggle mobile nav menu trigger
    $(`button.mobile-nav--trigger`).click( (e) => {
      $('header .items-rightside .items-rightside--wrapper a.main-nav--trigger').click()
    })

    // Fullscreen menu click handler
    /*$(`a.main-nav--trigger`).click( (e) => {

      let initToggleTimeout = fullscreenMenu_isMobile() ? 425 : 0
      let activeTab = get__activeTab()
      let lang = get__lang(), string__menuOpen, string__menuClose
      let tabToEnable = $(e.currentTarget).data('enable-tab')

      // Close, open strings set
      lang == 'eng' && (string__menuOpen = menu__Toggle.eng.open) && (string__menuClose = menu__Toggle.eng.close)
      lang == 'gre' && (string__menuOpen = menu__Toggle.gre.open) && (string__menuClose = menu__Toggle.gre.close)

      // Enable active state for menu
      $(`header .wd-header-nav .wd-nav-main li > a, .whb-clone .wd-header-nav li > a`).parent().removeClass('active')
      $(`header .wd-header-nav .wd-nav-main li > a[data-enable-tab="${ tabToEnable }"], .whb-clone .wd-header-nav li > a[data-enable-tab="${ tabToEnable }"]`).parent().addClass('active');

      // If clicked open / close trigger
      if ( ( $(e.currentTarget).hasClass('fs--openMenu') && tabToEnable == 'none' ) || ( !$('body .fs-anassa--menu').hasClass('opened') && tabToEnable != 'none' ) ) {

        // Close, open button animation handler
        if ( !$('body .fs-anassa--menu').hasClass('opened') ) initToggleTimeout = fullscreenMenu_isMobile() ? 425 : 0
        setTimeout(() => {
          $('a.fs--openMenu').toggleClass('trigger--isToggling')
          setTimeout(() => $('body .fs-anassa--menu').hasClass('opened') ? $('a.fs--openMenu').html(string__menuClose+'<span></span>') : $('a.fs--openMenu').html(string__menuOpen+'<span></span>'), 425)
          setTimeout(() => $('body .fs-anassa--menu').hasClass('opened') ? $('a.fs--openMenu span').css('mask','url(/wp-content/uploads/2022/11/icon-X.svg)').css('-webkit-mask','url(/wp-content/uploads/2022/11/icon-X.svg)') : $('a.fs--openMenu span').css('mask','url(/wp-content/uploads/2022/11/icon-Menu.svg)').css('-webkit-mask','url(/wp-content/uploads/2022/11/icon-Menu.svg)'), 425)
          setTimeout(() => $('a.fs--openMenu').toggleClass('trigger--isToggling'), 475)
        }, initToggleTimeout)

        $('body .fs-anassa--menu').toggleClass('opened')
        $('body').toggleClass('fs-anassa--menu-isOpened')
        $(window).scrollTop() > 0 && $('.whb-clone').toggleClass('fs--menuToggled')

      }

      // When already opened, but changes main tab
      if ( $('body .fs-anassa--menu').hasClass('opened') && tabToEnable != 'none' ) {

        // Enable animation toggle class
        $('body .fs-anassa--menu').toggleClass('tab--isChanging')
        setTimeout(() => $(`body .fs-anassa--menu .main--content .innerTab--wrapper`).addClass('loading'), 75)

        // Change mobile view state
        set__mobileViewState(2)

        setTimeout(() => {

          // Change main tab title
          activeTab != 'none' && tabToEnable == 'tmimata'     && $('body .fs-anassa--menu .currentTab--title h3').html( parse__sidebarTmimataTitle() )
          activeTab != 'none' && tabToEnable == 'plirofories' && $('body .fs-anassa--menu .currentTab--title h3').html( parse__sidebarPliroforiesTitle() )
          activeTab != 'none' && tabToEnable == 'media'       && $('body .fs-anassa--menu .currentTab--title h3').html( parse__sidebarMediaTitle() )

          // Set data active tab
          $('body .fs-anassa--menu').attr('data-active-tab', tabToEnable).data( 'active-tab', tabToEnable);

          // Hide all sidebar items
          $('body .fs-anassa--menu :is(.tmimata--wrapper, .plirofories--wrapper, .media--wrapper)').removeClass('active');

          // If no active tab, activate first one
          ( activeTab == 'none' || tabToEnable == 'none' ) && ( $('body .fs-anassa--menu').attr('data-active-tab', 'tmimata'), tabToEnable = 'tmimata' )
          $(`body .fs-anassa--menu .${ tabToEnable }--wrapper`).addClass('active')

          // Activate first sidebar item
          !fullscreenMenu_isMobile() && $('body .fs-anassa--menu [class*="--wrapper"].active .sidebar--entry:first-child').click()

          // Re-toggle for animation
          $('body .fs-anassa--menu').toggleClass('tab--isChanging');

        }, fullscreenMenu_isMobile() ? 0 : 425)

      } else {

        // If not, just change text ..

        // Change main tab title
        tabToEnable == 'tmimata'     && $('body .fs-anassa--menu .currentTab--title h3').html( parse__sidebarTmimataTitle() )
        tabToEnable == 'plirofories' && $('body .fs-anassa--menu .currentTab--title h3').html( parse__sidebarPliroforiesTitle() )
        tabToEnable == 'media'       && $('body .fs-anassa--menu .currentTab--title h3').html( parse__sidebarMediaTitle() )

        // Set data active tab
        $('body .fs-anassa--menu').attr('data-active-tab', tabToEnable).data( 'active-tab', tabToEnable);

        // Hide all sidebar items
        $('body .fs-anassa--menu :is(.tmimata--wrapper, .plirofories--wrapper, .media--wrapper)').removeClass('active');

        tabSetTmimata = () => {
          tabToEnable = 'tmimata'
          $('body .fs-anassa--menu').attr('data-active-tab', 'tmimata')
        }

        // If no active tab, activate first one
        if ( activeTab == 'none' || tabToEnable == 'none' ) { tabSetTmimata() }
        ( activeTab == 'none' || tabToEnable == 'tmimata' ) && setTimeout(() => $('body .fs-anassa--menu .currentTab--title h3').html( parse__sidebarTmimataTitle() ), 775)
        $(`body .fs-anassa--menu .${ tabToEnable }--wrapper`).addClass('active')

        // Activate first sidebar item -- if not on mobile
        !fullscreenMenu_isMobile() && $('body .fs-anassa--menu [class*="--wrapper"].active .sidebar--entry:first-child').click()

      }

      // Reset active tab
      activeTab = tabToEnable

      // Lang switcher handler
      set__langswitcher()

    });*/

    // Sidebar menu click handler
    $('body .fs-anassa--menu .sidebar--entry').click( (e) => {

      // Set mobile view state
      set__mobileViewState(3)

      if ( $(e.currentTarget).attr('target') != '_blank' ) {
        let tabAttr = $(e.currentTarget).attr('data-show-tab')
        $(`body .fs-anassa--menu .main--content .innerTab--wrapper`).addClass('loading')
        $('body .fs-anassa--menu .sidebar--entry').removeClass('active')
        $(`body .fs-anassa--menu .sidebar--entry[data-show-tab="${tabAttr}"]`).addClass('active')
        
        setTimeout(() => {
          $(`body .fs-anassa--menu .main--content .tabInner--container`).removeClass('active')
          $(`body .fs-anassa--menu .main--content .innerTab--wrapper`).removeClass('loading')
          $(`body .fs-anassa--menu .main--content .tabInner--container[data-tab-content="${tabAttr}"]`).addClass('active')

          $('body .fs-anassa--menu .tmimata--wrapper').removeClass((index, className) => { return (className.match (/(^|\s)activeTab--\S+/g) || []).join(' ') } )
          $('body .fs-anassa--menu .tmimata--wrapper').addClass(`activeTab--${tabAttr}`)
        }, fullscreenMenu_isMobile() ? 0 : 675)

      } else {
        // Close menu after opening new tab
        $('header .main-nav--trigger[data-enable-tab="none"]').click()
      }

    })

    // When fullscreen menu trigger element is loaded..
    waitForElm('.fs--openMenu').then( (e) => {

      init__scrollbars()

    })

  })

})